body{
	width:960px;
	margin:0 auto;
	background-color: gray;
	text-align: center;
	font-family: consolas;
}
#template{
	display: none;
}

#demo{
	margin: 0 auto;
	position: relative;
}
.status{
	width: 240px;
	height: 360px;
	border: 1px solid;
	border-radius: 5px;
	background: darkgray;
}



.sence{
	position: relative;
	margin: 0 auto;
}
.map{}
.mapelem{
	position: absolute;
	border:1px solid;
	border-radius:5px;
	opacity: .6;
}
/*mapelem*/
.flat{
	background-color: darkgreen;
}
.mire{
	background-color: olive;
}
.hill{
	background-color: darkgray;
}
.water{
	background-color: steelblue;
}
.stone{
	background-color: white;
}
/**/
.lineup{
	opacity: .9;
	position: absolute;
	border-radius:5px;
 }
.lineupred{
	background-color: red;
}
.lineupwhite{
	background-color: white;
}

/*role*/
.role{
	position: absolute;
	border-radius: 5px;}

.Warrior{background-color:#C69B6D; }	
.Hunter{background-color:#AAD372;}
.Mage{background-color:#68CCEF}
.Preist{background-color:#F0EBE0} 
.Rouge{background-color:#FFF468} 
.Paladin{background-color:#F48CBA} 
.Warlock{background-color:#9382C9} 
.Druid{background-color:#FF7C0A} 
.Shaman{background-color:#2359FF} 
.Deadknight{background-color:#C41E3B;}
.armyred{border: 1px solid red;}
.armywhite{border: 1px solid white;}

/*status*/
.status{}
.status>div{margin:2px 0;overflow: hidden;height: 20px;}
.rolename{}
.title{float:left;width: 40px;height: 20px;line-height: 20px;margin-left: 10px;text-align: left;}
.progress{float: left;height: 20px;}
.titlelong{float: left;width: 80px;margin-left: 10px;text-align: left;}
.graph{float: left;}
.graphitem{float: left;width: 10px; height:10px; background-color: darkgreen; border-radius: 2px;margin-right: 5px;margin-top: 5px;}
.hp{}
.hp>.curr.progress{background-color: green}
.mp>.curr.progress{background-color: steelblue;}
.max{background-color: gray;}
.buff{padding-left: 20px; height: 40px !important; margin-top: 12px;}
.buffitem{width:35px;height: 35px;float: left;margin-right: 8px;border-radius: 3px;}
